{{extends file = "../layout.html"}}

{{block name = content}}
<div class="row-fluid">
    <ul class="ace-thumbnails">
        <li>
            <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-1.jpg" title="Photo Title" data-rel="colorbox">
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-1.jpg" />
                <div class="tags">
													<span class="label-holder">
														<span class="label label-info">breakfast</span>
													</span>

													<span class="label-holder">
														<span class="label label-danger">fruits</span>
													</span>

													<span class="label-holder">
														<span class="label label-success">toast</span>
													</span>

													<span class="label-holder">
														<span class="label label-warning arrowed-in">diet</span>
													</span>
                </div>
            </a>

            <div class="tools">
                <a href="#">
                    <i class="icon-link"></i>
                </a>

                <a href="#">
                    <i class="icon-paper-clip"></i>
                </a>

                <a href="#">
                    <i class="icon-pencil"></i>
                </a>

                <a href="#">
                    <i class="icon-remove red"></i>
                </a>
            </div>
        </li>

        <li>
            <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-2.jpg" data-rel="colorbox">
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-2.jpg" />
                <div class="text">
                    <div class="inner">Sample Caption on Hover</div>
                </div>
            </a>
        </li>

        <li>
            <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-3.jpg" data-rel="colorbox">
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-3.jpg" />
                <div class="text">
                    <div class="inner">Sample Caption on Hover</div>
                </div>
            </a>

            <div class="tools tools-bottom">
                <a href="#">
                    <i class="icon-link"></i>
                </a>

                <a href="#">
                    <i class="icon-paper-clip"></i>
                </a>

                <a href="#">
                    <i class="icon-pencil"></i>
                </a>

                <a href="#">
                    <i class="icon-remove red"></i>
                </a>
            </div>
        </li>

        <li>
            <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-4.jpg" data-rel="colorbox">
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-4.jpg" />
                <div class="tags">
													<span class="label-holder">
														<span class="label label-info arrowed">fountain</span>
													</span>

													<span class="label-holder">
														<span class="label label-danger">recreation</span>
													</span>
                </div>
            </a>

            <div class="tools tools-top">
                <a href="#">
                    <i class="icon-link"></i>
                </a>

                <a href="#">
                    <i class="icon-paper-clip"></i>
                </a>

                <a href="#">
                    <i class="icon-pencil"></i>
                </a>

                <a href="#">
                    <i class="icon-remove red"></i>
                </a>
            </div>
        </li>

        <li>
            <div>
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-5.jpg" />
                <div class="text">
                    <div class="inner">
                        <span>Some Title!</span>

                        <br />
                        <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-5.jpg" data-rel="colorbox">
                            <i class="icon-zoom-in"></i>
                        </a>

                        <a href="#">
                            <i class="icon-user"></i>
                        </a>

                        <a href="#">
                            <i class="icon-share-alt"></i>
                        </a>
                    </div>
                </div>
            </div>
        </li>

        <li>
            <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-6.jpg" data-rel="colorbox">
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-6.jpg" />
            </a>

            <div class="tools tools-right">
                <a href="#">
                    <i class="icon-link"></i>
                </a>

                <a href="#">
                    <i class="icon-paper-clip"></i>
                </a>

                <a href="#">
                    <i class="icon-pencil"></i>
                </a>

                <a href="#">
                    <i class="icon-remove red"></i>
                </a>
            </div>
        </li>

        <li>
            <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-1.jpg" data-rel="colorbox">
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-1.jpg" />
            </a>

            <div class="tools">
                <a href="#">
                    <i class="icon-link"></i>
                </a>

                <a href="#">
                    <i class="icon-paper-clip"></i>
                </a>

                <a href="#">
                    <i class="icon-pencil"></i>
                </a>

                <a href="#">
                    <i class="icon-remove red"></i>
                </a>
            </div>
        </li>

        <li>
            <a href="{{__PUBLIC__}}/assets/ace/images/gallery/image-2.jpg" data-rel="colorbox">
                <img alt="150x150" src="{{__PUBLIC__}}/assets/ace/images/gallery/thumb-2.jpg" />
            </a>

            <div class="tools tools-top">
                <a href="#">
                    <i class="icon-link"></i>
                </a>

                <a href="#">
                    <i class="icon-paper-clip"></i>
                </a>

                <a href="#">
                    <i class="icon-pencil"></i>
                </a>

                <a href="#">
                    <i class="icon-remove red"></i>
                </a>
            </div>
        </li>
    </ul>
</div>
{{/block}}